<template>
	<view class="content">
		<!-- 头部自定义导航栏 -->
		<view class="index-header">
			<IndexNavation></IndexNavation>
		</view>
		
		<!-- <button @click='ajax'>测试接口</button> -->
		
		<!-- swiper -->
		<view class="index-swiper">
			<Swiper></Swiper>
		</view>

		<!-- indexMenuList -->
		<view class="index-list">
			<indexMenuList></indexMenuList>
			<PubilcCatalogue></PubilcCatalogue>
		</view>



	</view>
</template>

<script>
	import Swiper from '@/compopents/Swiper.vue'
	import IndexNavation from '@/compopents/IndexNavation.vue'
	import indexMenuList from '@/compopents/indexMenuList.vue'
	import PubilcCatalogue from '@/compopents/PubilcCatalogue/PubilcCatalogue.vue'
	// import uniCalendar from '@/components/uni-calendar/uni-calendar.vue'
	export default {
		components: {
			Swiper,
			indexMenuList,
			IndexNavation,
			PubilcCatalogue,
			// uniCalendar
		},
		data() {
			return {
				city: '四川',
				dynamicList: [],
				text: '',

			}
		},
		onLoad() {
			// this.getCity()
		},
		methods: {
			// 城市location获取
			getCity() {
				// console.log('111122');
			},

			clickLeft() {
				uni.showToast({
					title: '左侧按钮'
				})
			},
			search() {
				uni.showToast({
					title: '搜索'
				})
			},
			showCity() {
				uni.showToast({
					title: '选择城市'
				})
			},
			scan() {
				uni.showToast({
					title: '扫码'
				})
			},
			confirm() {
				uni.showToast({
					title: '搜索'
				})
			}
		},


	}
</script>

<style>
	.content {
		.index-header {
			margin-top: 20px;

		}
		
	}

	$nav-height: 60px;

	.box-bg {
		background-color: #F5F5F5;
		padding: 5px 0;
	}

	::v-deep.uni-section .uni-section-content {
		background-color: aliceblue;
	}

	.city {
		/* #ifndef APP-PLUS-NVUE */
		display: flex;
		/* #endif */
		flex-direction: row;
		align-items: center;
		justify-content: flex-start;
		// width: 160rpx;
		margin-left: 4px;
	}

	.input-view {
		/* #ifndef APP-PLUS-NVUE */
		display: flex;
		/* #endif */
		flex-direction: row;
		// width: 500rpx;
		flex: 1;
		background-color: #f8f8f8;
		height: $nav-height;
		border-radius: 15px;
		padding: 6px 10px;
		flex-wrap: nowrap;
		margin: 7px 0;
		line-height: $nav-height;
	}

	.input-uni-icon {
		line-height: $nav-height;
	}

	.nav-bar-input {
		height: $nav-height;
		line-height: $nav-height;
		/* #ifdef APP-PLUS-NVUE */
		width: 370rpx;
		/* #endif */
		padding: 2px 8px;
		font-size: 12px;
		background-color: #f8f8f8;
	}
</style>